<template>
    <div class="logo-box" >
        <img :src="logoUrl" />
        <div v-if="!isCollapse">学习系统</div>
    </div>
</template>
<script setup lang="ts">
    import {ref} from 'vue'    
    import logoUrl from '@/assets/logo.png' 

    // const store = useStore()    
    let isCollapse:boolean =  ref(false)
    defineExpose({
      isCollapse
    })
</script>
<style lang="scss" scoped>
    .logo-box{
        height: $headerHieght;
        display: flex;
        justify-content: center;
        align-items: center;
        // padding: 0 10px;
        background: #8284fa;
        // transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        img{
            height: 60%;
        }
    }
</style>
